@tailwind base;
@tailwind components;
@tailwind utilities;
/* Button 主要按钮 hover样式 */
.btn-primary-hover {
  @apply hover:bg-primaryHover hover:text-[#ececec];
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
@layer utilities {
  /* 自定义滚动条样式 */
  .custom-scrollbar::-webkit-scrollbar {
    width: 4px; /* 设置滚动条宽度 */
    height: 4px; /* 设置滚动条高度 */
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(100, 100, 100, 0.5); /* 滚动条颜色 */
    border-radius: 4px; /* 滚动条圆角 */
  }

  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 100, 0.8); /* 悬停时的颜色 */
  }

  .custom-scrollbar::-webkit-scrollbar-track {
    background-color: transparent; /* 轨道背景 */
  }
  .code-scrollbar::-webkit-scrollbar {
    width: 6px; /* 设置滚动条宽度 */
    height: 6px; /* 设置滚动条高度 */
  }

.code-scrollbar::-webkit-scrollbar-thumb{
  background-color: #676767;
}

.w-8.h-8 {
  width: 2rem;
  height: 2rem;
}

.border-4 {
  border-width: 4px;
}

.border-t-4 {
  border-top-width: 4px;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


}